<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi ">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>请求推荐的列表</title>
  <link rel="stylesheet" href="../../css/common/flex.css">
  <link rel="stylesheet" href="../../css/common/reset.css">
  <link rel="stylesheet" href="../../css/common/common.css">
  <link rel="stylesheet" href="../../css/recommendList.css">
</head>

<body>
  <div class="page-wrap">
    <div class="recommend-list-page-wrap">
      <ul class="subnav-items fixed recommend-subnav-items fx-row fx-row-center fx-col-center">
        <li class="subnav-item active fx-1 fs-16">
          <span class="subnav">请求中</span>
        </li>
        <li class="subnav-item fx-1 fs-16">
          <span class="subnav">推荐中</span>
        </li>
        <li class="subnav-item fx-1 fs-16">
          <span class="subnav">邀面试</span>
        </li>
        <li class="subnav-item fx-1 fs-16">
          <span class="subnav">已结束</span>
        </li>
      </ul>
      <!-- tab内容部分 -->
      <section class="page-content-wrap">
        <div class="recommend-lists-content-wrap">
          <ul class="recommend-lists-content page-padding">
            <li class="recommend-lists-content-item">
              <div class="recommend-lists-content">
                <!-- 职位信息 -->
                <div class="recommend-lists-content-top-wrap">
                  <!-- 职位的基本信息 -->
                  <div class="job-basic-info-wrap fx-row fx-row-center ">
                    <!-- 职位信息 -->
                    <div class="job-info fx-1">
                      <div class="job-wrap fx-1">
                        <span class="job fs-16">市场部经理</span>
                        <span class="salary fs-16">8K-15K</span>
                      </div>
                      <div class="company-info">
                        <span class="overflow_1line fs-14">网易游戏</span>
                      </div>
                    </div>
                    <!-- 推荐人数 -->
                    <div class="recommend-num">
                       <!--如果是推荐中 或者请求中 显示-->
                      <span class="fs-16">推荐人：6</span>
                    </div>
                  </div>
                  <!-- 公司的发展阶段 -->
                  <div class="job-basic-info-wrap fx-row fx-row-center">
                    <p class="text fx-1 overflow_1line fs-14">游戏/不需要融资/上海·半淞园路</p>
                    <!-- 邀请面试时显示 -->
                    <p class="view-way fs-16" style="display: none">电话面试</p>
                    <!-- 已结束时显示面试结果 -->
                    <p class="text fs-16" style="display: none">拒绝推荐</p>
                  </div>
                </div>
                <!-- 推荐结果 -->
                <div class="recommend-lists-content-bottom-wrap fx-row fx-row-center fx-row-space-between">
                    <!--如果是推荐中使用：正在请求中，等待推荐人接受请求 -->
                    <div class="result fx-1 fs-12">正在请求中，等待推荐人接受请求</div>
                  <!--如果是请求中使用：简历已发送给HR,等待HR查看 -->
                  <div class="result fx-1 fs-12" style="display: none">简历已发送给HR,等待HR查看</div>
                  <!--如果是邀请面试使用：HR已获取您的联系方式，请保持手机畅通 -->
                  <div class="result fx-1 fs-12" style="display: none">HR已获取您的联系方式，请保持手机畅通</div>

                  <div class="date fs-12">03-26 12:10</div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </section>
    </div>
  </div>
</body>
<script src="../../asset/js/rem.js"></script>

</html>